<template>

    <Card class="index-card">
        <div slot="title">
            My Codes
        </div>
        <a href="#" slot="extra" @click.prevent="changeLimit">
            <Icon type="ios-loop-strong"></Icon>
            操作区
        </a>
        <a href="bookkeeping/index.html">
            <Button type="primary" @click.stop="">记账</Button>
        </a>
        <Button type="primary" plain @click="tototo">登陆</Button>
    </Card>

</template>

<script>
    import logo from 'assets/img/logo.png'

    export default {

        data () {
            return {
                msg: 'Use Vue 2.0 Today!',
                logoImg: logo
            }
        },
        methods: {
            gogogo () {
                location.assign('bookkeeping/index.html')
            },
            tototo () {
                location.assign('user/login.html')
            }
        }
    }
</script>

<style lang="postcss">
    .index-card {
        width: 800px;
        margin: 100px auto;
    }
</style>
